
<p class="f24 blue">菜单图标</p>
<hr/>
<ul class="f18">
<li><b class="subicon icon1"></b><span>subicon icon1</span></li>
<li><b class="subicon icon2"></b><span>subicon icon2</span></li>
<li><b class="subicon icon3"></b><span>subicon icon3</span></li>
<li><b class="subicon icon4"></b><span>subicon icon4</span></li>
<li><b class="subicon icon5"></b><span>subicon icon5</span></li>
<li><b class="subicon icon6"></b><span>subicon icon6</span></li>
<li><b class="subicon icon7"></b><span>subicon icon7</span></li>
<li><b class="subicon icon8"></b><span>subicon icon8</span></li>
<li><b class="subicon icon9"></b><span>subicon icon9</span></li>
<li><b class="subicon icon10"></b><span>subicon icon10</span></li>
<li><b class="subicon icon11"></b><span>subicon icon11</span></li>
<li><b class="subicon icon12"></b><span>subicon icon12</span></li>
<li><b class="subicon icon13"></b><span>subicon icon13</span></li>
<li><b class="subicon icon14"></b><span>subicon icon14</span></li>
<li><b class="subicon icon15"></b><span>subicon icon15</span></li>
<li><b class="subicon icon16"></b><span>subicon icon16</span></li>
<li><b class="subicon icon17"></b><span>subicon icon17</span></li>
<li><b class="subicon icon18"></b><span>subicon icon18</span></li>
<li><b class="subicon icon19"></b><span>subicon icon19</span></li>
</ul>

<p class="f24 red">操作图标</p>
<hr/>
<ul class="f18">
<li><b class="playicon"></b><span>playicon</span></li>
<li><b class="dealicon"></b><span>dealicon</span></li>
<li><b class="delicon"></b><span>delicon</span></li>
<li><b class="disableicon"></b><span>disableicon</span></li>
</ul>

<p class="f24 red">切换选项</p>
<hr/>
<div class="f18">
<div class="tab">
	<ul class="tabtit">
		<li class="current">Go hiking</li>
		<li>Buy some toys</li>
		<li>Soluta nihil</li>
		<li>Odio sit odit necessitatibus</li>
	</ul>
</div>
<div class="ittab">
Consectetur adipisicing elit. Error, <br/>
accusantium debitis voluptatem dolore excepturi ducimus <br/>
fugiat nulla perspiciatis quo ipsum non eligendi <br/>
nisi veniam maxime in quas atque omnis cumque!<br/>
</div>
<div class="ittab">
Ullam, commodi, modi, impedit nostrum odio <br/>
sit odit necessitatibus accusantium enim voluptates<br/>
culpa cupiditate cum pariatur a recusandae tenetur <br/>
aspernatur at beatae.
</div>
<div class="ittab">
Incidunt, molestias odio soluta nihil accusantium<br/>
 sit nostrum doloremque. Recusandae, ullam, odio <br/>
 consequatur facere totam reiciendis similique dicta explicabo!
</div>
<div class="ittab">
Ullam, commodi, modi, impedit nostrum odio sit odit<br/>
 necessitatibus accusantium enim voluptates culpa cupiditate<br/>
  cum pariatur a recusandae tenetur aspernatur at beatae.
</div>
</div>
<div>
<textarea rows="25" cols="100" class="f18 green">
<div class="tab">
	<ul class="tabtit">
		<li class="current">Go hiking</li>
		<li>Buy some toys</li>
		<li>Soluta nihil</li>
		<li>Odio sit odit necessitatibus</li>
	</ul>
</div>
<div class="ittab">
Consectetur adipisicing elit. Error, accusantium debitis voluptatem dolore excepturi ducimus fugiat nulla perspiciatis quo ipsum non eligendi nisi veniam maxime in quas atque omnis cumque!
</div>
<div class="ittab">
Ullam, commodi, modi, impedit nostrum odio sit odit necessitatibus accusantium enim voluptates culpa cupiditate cum pariatur a recusandae tenetur aspernatur at beatae.
</div>
<div class="ittab">
Incidunt, molestias odio soluta nihil accusantium sit nostrum doloremque. Recusandae, ullam, odio consequatur facere totam reiciendis similique dicta explicabo!
</div>
<div class="ittab">
Ullam, commodi, modi, impedit nostrum odio sit odit necessitatibus accusantium enim voluptates culpa cupiditate cum pariatur a recusandae tenetur aspernatur at beatae.
</div>
<div>
<script type="text/javascript" src="/public/js/common.js"></script>
</textarea>
</div>



<script type="text/javascript" src="/public/js/common.js"></script>
<p class="f24 blue">上传文件</p>
<hr/>
<style>
#uploading{
	display:none;
	position:absolute;
}
</style>
<input class="uploadFile" id="uploadimg" name="file" type="file"  multiple="multiple"  accept="image/png,image.jpg" />
<span class="uploadspan">上传图片</span>

<input class="uploadFile" id="uploadvideo" name="file" type="file"  accept="video/mp4"/>
<span class="uploadspan">上传视频</span>

<div id="uploadimgshow"></div>

<div id="uploadvideoshow"></div>

<div id="uploading">
  <div id="progress" class="bar">
    <div id="progressbar">&nbsp;<span id="percents"></span></div>
  </div>
</div>

<script type="text/javascript">
$(function() {
	var optionsimg = {
		action:uploadUrl,
		progressUrl:uploadProgress,
		success: function(data) 
		{
			var result = data.bo;

			for(i in result)
			{
				var src = viewUrl+result[i].url;
				$('#uploadimgshow').append('<img src="'+src+'"></img>');
			}
		}, 
		error: function() 
		{
			console.log('上传文件错误');
		}
	}; 
	
	$('#uploadimg').AjaxFileUpload(optionsimg);
	
	var options = {
			action:uploadUrl,
			progressUrl:uploadProgress,
			success: function(data) 
			{
				console.log(data);
				var result = data.bo;

				for(i in result)
				{
					var src = viewUrl+result[i].url
					$('#uploadvideoshow').html('<video width="320" height="240" src="'+src+'" controls autoplay><source src="movie.mp4" type="video/mp4">Your browser does not support the video tag.</video>');
				}
			}, 
			error: function() 
			{
				console.log('上传文件错误');
			}
		}; 
		
		$('#uploadvideo').AjaxFileUpload(options);
});
</script>


